.content{
  width:100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background:rgba(32,48,51,1);
}
// 用户信息外框
.user_body{
  width:95%;
  height:43%;
  background:rgba(48,73,77,1);
  border-radius:4px;
  margin-left:2.4%;
  overflow: hidden;
}
// 新增用户文本
@font-face{
  font-family: 'NotoSans-Regular';
  src:url('../../../assets/NotoSans-hinted/NotoSans-Regular.ttf')format('svg');
}
.add_user{
  width:100%;
  font-size:20px;
  font-family:'NotoSans-Regular';
  font-weight:bold;
  line-height:21px;
  color:rgba(72,156,156,1);
  letter-spacing:2px;
  margin-top:25px;
  margin-bottom:10px;
  margin-left:65px;
}
// input外层div
.input_first{
  width:23%;
  font-size:18px;
  line-height:40px;
  color:rgba(255,255,255,1);
  display: flex;
  margin-left:0%;
  vertical-align: middle;
  align-items: center;
  margin-top:0.6%;
  outline:none;
  float:left;
}
.input_sec{
  width:100%;
  font-size:18px;
  font-family:'NotoSans-Regular';
  line-height:40px;
  color:rgba(255,255,255,1);
  display: flex;
  margin-left:2%;
  padding: 0px 2%;
  vertical-align: middle;
  align-items: center;
  margin-top:0.6%;
  outline:none;
  float:left;
}
.input_third{
  width:25%;
  font-size:18px;
  font-family:'NotoSans-Regular';
  // font-weight:400;
  line-height:40px;
  color:rgba(255,255,255,1);
  display: flex;
  margin-left:2%;
  vertical-align: middle;
  align-items: center;
  margin-top:0.6%;
  outline:none;
  float:left;
}
// input共有样式
.input_first>input{
  outline:none;
  //width:14%;
  height:30px;
  text-indent: 12px;
  background:rgba(32,48,51,1);
  border:1px solid rgba(112,112,112,1);
  // opacity:1;
  border-radius:4px;
  margin-right: 1%;
  vertical-align: middle;
  float:left;
  // margin-bottom: 1%;
}
.input_first:hover>input{
  outline:none;
  //width:14%;
  height:30px;
  text-indent: 12px;
  background:rgba(32,48,51,1);
  border:1px solid rgba(72,156,156,1);
  opacity:1;
  border-radius:4px;
  margin-right: 1%;
  vertical-align: middle;
  float:left;
  // margin-bottom: 1%;
}
.input_first:focus>input{
  outline:none;
  //width:14%;
  height:30px;
  text-indent: 12px;
  background:rgba(32,48,51,1);
  border:1px solid rgba(72,156,156,1);
  opacity:1;
  border-radius:4px;
  margin-right: 1%;
  vertical-align: middle;
  float:left;
  // margin-bottom: 1%;
}
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill { //去掉賬號密碼的默認背景
  -webkit-text-fill-color:  rgba(255,255,255,1);// !important;
  -webkit-box-shadow: 0 0 0px 1000px  rgba(32,48,51,1) inset !important;
 }
// 复选框文本设置
:host ::ng-deep .ant-checkbox-wrapper{
  font-size:18px;
  font-family:'NotoSans-Regular';
  line-height:40px;
  color:rgba(255,255,255,1);
  margin-right:1%;
  letter-spacing: 1px;
}
:host ::ng-deep .ant-checkbox-group{
  display: inline;
}
:host ::ng-deep .ant-radio-group{
  display: inline;
}
// 单选框文本设置
:host ::ng-deep .ant-radio-wrapper{
  font-size:18px;
  line-height:40px;
  color:rgba(255,255,255,1);
  margin-right:1%;
  letter-spacing: 1px;
}
// 分割线
.wrap{
  width:95%;
  border:0.5px solid rgba(31,48,51,1);
  margin: 0 auto;
  display: flex;
}
// 保存按钮样式
.save{
  outline: none;
  width:110px;
  height:32px;
  background:rgba(55,122,122,1);
  border:0px;
  opacity:1;
  border-radius:4px;
  background-image: url(../../../assets/image/btn_save_normal.svg);
}
.save:hover{
  outline: none;
  background-image: url(../../../assets/image/btn_save_over.svg);
}
.save:focus{
  outline: none;
  background-image: url(../../../assets/image/btn_save_over.svg);
}
.delet{
  outline: none;
  width:110px;
  height:32px;
  background:rgba(55,122,122,1);
  border:0px;
  opacity:1;
  border-radius:4px;
  background-image: url(../../../assets/image/btn_clear_normal.svg);
  margin-right: 35px;
}
.delet:hover{
  outline: none;
  background-image: url(../../../assets/image/btn_clear_over.svg);
}
.delet:focus{
  outline: none;
  background-image: url(../../../assets/image/btn_clear_over.svg);
}

// 用户列表table
.user_list{
  width:96%;
  margin-top:1%;
  margin-left:2.4%;
}
:host ::ng-deep .ant-table {
  font-size:18px;
  font-family:Roboto;
  line-height:40px;
  color:rgba(255,255,255,1);
  line-height: 1rem;
}
:host ::ng-deep .ant-table-thead>tr>th{
  background:rgba(48,73,77,1) !important;
  height:50px;
  font-size:18px;
  color:rgba(255,255,255,1);
  text-align: center;
  padding:14px;
  border-bottom:1px solid rgba(48,73,77,1);
}
:host ::ng-deep .list_hover:hover>td{

  background:rgba(48,73,77,0.5)!important;
}
:host ::ng-deep .ant-table table{
  text-align: center;
}
:host ::ng-deep .ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar{
  border: 0px solid #e8e8e8;
}
:host ::ng-deep .ant-table-tbody>tr>td{
  border-bottom:1px solid rgba(48,73,77,1);
  padding:12px;
  padding-left:14px;
}
:host ::ng-deep .ant-table-header, .ant-transfer-customize-list .ant-table-wrapper .ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-thead>tr>th{
  background:rgba(255,255,255,0);
}
:host ::ng-deep .ant-table-fixed-header>.ant-table-content>.ant-table-scroll>.ant-table-body{
  background:rgba(255,255,255,0);
}
// 去掉暂无数据
::ng-deep .ant-table-placeholder{
  display: none;
}
// 编辑
.edit{
  width:24px;
  height:24px;
  background-color: rgba(255,255,255,0);
  border:0;
  background-image: url(../../../assets/image/icon_edit.svg);
  background-size:95% ;
  background-repeat: no-repeat;
  background-position:center;
}
// 删除
.del{
  width:24px;
  height:24px;
  background-color: rgba(255,255,255,0);
  border:0;
  background-image: url(../../../assets/image/icon_deleteinfo.svg);
  background-size:70% ;
  background-repeat: no-repeat;
  background-position:center;
}
// 刪除彈出框
::ng-deep .ant-modal-content .ant-btn-primary{
  border:1px solid rgba(72,156,156,1);
  background:rgba(48,73,77,1);
  font-size: 18px;
  color:rgba(72,156,156,1);
  margin-left:20px;
}
::ng-deep .ant-modal-content {
  .ant-btn{
    border:1px solid rgba(72,156,156,1);
    background:rgba(48,73,77,1);
    font-size: 18px;
    color:rgba(72,156,156,1);
  }
}
::ng-deep .ant-modal-content{
  background:rgba(48,73,77,1);
  border-radius: 8px;
}
::ng-deep .ant-modal-header{
  background:rgba(48,73,77,1);
  border-bottom: 1px;
  border-radius:8px 8px 0px 0px;
  text-align: center;
}
::ng-deep .ant-modal-footer{
  border-top: 0px;
  border-radius:0px 0px 8px 8px;
}
::ng-deep .ant-modal-content {
  .ant-btn{
  border:1px solid rgba(72,156,156,1);
  background:rgba(48,73,77,1);
  font-size: 16px;
  color:rgba(72,156,156,1);
  }
  .ant-btn:hover{    //增加按钮hover效果 Claire
    border:1px solid rgba(72,156,156,1);
    background:rgba(72,156,156,1);
    font-size: 16px;
    color:rgb(255, 255, 255);
  }
  .ant-btn:focus{  //增加按钮focus效果  Claire
    border:1px solid rgba(55,122,122,1);
    background:rgba(55,122,122,1);
    font-size: 16px;
    color:rgb(255, 255, 255);
  }
}
:host ::ng-deep.ant-modal-body {   /// 05/09  442行
  padding: 0px;
  word-wrap: break-word;
}
::ng-deep .ant-modal-title{
  font-size:20px;
  font-weight:400;
  line-height:27px;
  color:rgba(255,255,255,1);
  letter-spacing:5px;
  opacity:1;
  text-align: center;
}
// ::ng-deep .ant-modal {
//   padding-top:150px;
// }
// ::ng-deep .ant-modal{
//   width:23% !important;
//   height:40% !important;
//   color:#ffffff;
//   padding-top:6%;
// }
:host ::ng-deep .ant-modal-body{
  font-size: 18px;
  line-height: 40px;
}
::ng-deep .ant-modal-close{
  color:#ffffff !important;
}
// 滚动条
::ng-deep ::-webkit-scrollbar {
  background:rgba(32,48,51,1);
  width:6px;           //右側滾動條寬度  Claire 04/24
  height:15px;          //下側滾動條高度  Claire 04/24
  }
  // // 滚动条的条  vertical 竖向
  ::ng-deep ::-webkit-scrollbar-thumb:vertical {
  background:#489C9C;
  border: 1px solid rgba(32,48,51,1);
  border-radius: 5px;
  }
  // // horizontal 横向
  ::ng-deep ::-webkit-scrollbar-thumb:horizontal {
    box-shadow: auto;
    background: #489C9C;;
    border: 1px solid rgba(32,48,51,1);
    border-radius: 5px;
  }
  ::ng-deep::-webkit-scrollbar-corner{    ///去右下滾動條白色  Claire 04/24
    background-color: rgba(32,48,51,1); ///去右下滾動條白色  Claire 04/24
  }
  ::ng-deep.ant-radio-inner::after {
    background-color: rgba(72,156,156,1);
  }
  ::ng-deep.ant-checkbox-checked .ant-checkbox-inner {
    --antd-wave-shadow-color: rgba(72,156,156,1);
    background-color: rgba(72,156,156,1);
    border-color: rgba(72,156,156,1);
    border-radius:2px;
}




